<template>
  <div class="app-container">
    <div class="title">
      <div class="step1 active"><span>①</span>基本信息<span></span>———</div>
      <div class="step2"><span>②</span>标书信息</div>
    </div>
    <div class="top">
      <div class="left"><img src="@/assets/images/icon/leftIcon.png" alt="" srcset=""
          style="width: 15px;height: 14px;">任务下达</div>
      <!-- <div class="right"><el-button type="primary" size="mini" @click="handleQuery">下达</el-button> -->
    </div>
  </div>
  <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="68px">
    <el-form-item label="登录地址" prop="ipaddr">
      <el-input v-model="queryParams.ipaddr" placeholder="请输入登录地址" clearable @keyup.enter.native="handleQuery" />
    </el-form-item>
    <el-form-item label="用户名称" prop="userName">
      <el-input v-model="queryParams.userName" placeholder="请输入用户名称" clearable @keyup.enter.native="handleQuery" />
    </el-form-item>
    <el-form-item>
      <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
      <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
    </el-form-item>
  </el-form>
</div></template>
<script>
export default {}
</script>
<style scoped lang="scss">
.title {
  display: flex;
  color: #A9A9AA;

  .active {
    color: #157DFA;
  }

  .step1 {
    margin-right: 10px;
  }

  span {
    margin-right: 8px;
  }
}

.top {
  display: flex;
  justify-content: space-between;
  color: #333;
  margin: 15px 0;

  .left {
    img {
      margin-right: 10px;
    }
  }

  .right {}
}
</style>
